<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
        Remove this if you use the .htaccess -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

        <title>login</title>
        <meta name="description" content="">
        <meta name="author" content="Gabriel Bronzatti Moro">
        <meta name="viewport" content="width=device-width; initial-scale=1.0">

        <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
        <link rel="stylesheet" type="text/css" href="library/css/bootstrap.css">

    </head>

    <body>
        <div class="container-fluid">
            <div class="row">
                <div class="span9">
                    <div class="cabecalho">
                        <h3>SisKepler- Sistema Gerenciador de Tcc</h3>
                        <h5>Universidade Federal do Pampa</h5>
                    </div>
                    <div class="row">
                        <div class="span9">
                            <div class="btn-group">
                                <a class="btn" href="http://www.unipampa.edu.br/portal/">Universidade Federal do Pampa</a>
                                <a class="btn">Manual de Instruções</a>
                                <a class="btn">Colaboradores</a>
                            </div><!--fechabtn-group!-->
                            <div class="row">
                                <div class="span6">
                                    <form action="/SisKepler_Gabriel/cadastro" method="POST">
                                        <fieldset>
                                            <legend>Cadastro de Membro Externo</legend>
                                            <label for="nome">Nome: </label><br />
                                            <input type="text" required name="txtNome" id="nome" placeholder="digite seu nome" /><br />
                                            <label for="universidade">Universidade: </label><br />
                                            <input type="text" required name="txtUniversidade" id="universidade" placeholder="universidade"/><br />
                                            <label for="cpf">Cpf: </label><br />
                                            <input type="number" required name="txtCpf" id="cpf" placeholder="Cpf"/><br />
                                            <label for="email">Email: </label><br />
                                            <input type="email" required name="txtEmail" id="email" placeholder="seu email pessoal"/><br />
                                            <label for="senha">Senha: </label><br />
                                            <input type="password" required name="txtSenha" id="senha"/><br />
                                            <input class="btn-primary" type="submit" value="Efetuar Cadastro" />
                                        </fieldset>
                                    </form> 
                                </div><!--fecha6!-->
                                <div class="span3">
                                    <div class="row">
                                        <div class="span3"></div>
                                    </div>
                                    <section>
                                        <legend>Informações</legend>
                                        <p style="text-align: justify">Se você não pertence a Universidade Federal do Pampa para compor uma banca de tcc, você deverá efetuar o cadastro como membro externo.</p>
                                        <p style="text-align: justify">Após isso, será possível realizar <a href="index.html">login</a>.</p>
                                    </section>
                                </div><!--fecha3!-->
                            </div><!--fechaRow!-->
                        </div><!--fecha9!-->
                    </div><!--fechaRow!-->
                </div><!--fecha9!-->
            </div><!--fechaRow!-->
            <div class="row">
                <div class="span9">
                    <footer style="text-align: center">
                        <div class="rodape">
                            <strong>&copy; Gabriel Bronzatti Moro</strong>- Todos os direitos reservados
                        </div>					</footer>
                </div><!--fecha9!-->
            </div><!--fechaRow!-->
        </div><!--fechaContainer!-->
    </body>
</html>